import defaultImg from "@/assets/images/200.png";
const lazy = {
  mounted(el, binding) {
    // bingding  获取指令值
    const observes = new IntersectionObserver(([{ isIntersecting }]) => {
      if (isIntersecting) {
        // 停止监听
        observes.unobserve(el);
        // 加载图片
        el.src = binding.value;
        // 图片加载失败
        el.onerror = function () {
          el.src = defaultImg;
        };
      }
    });
    observes.observe(el);
  },
};
export default lazy;

// const lazy = {
//   mounted(el, binding) {
//     const observe = new IntersectionObserver(([{ isIntersecting }]) => {
//       if (isIntersecting) {
//         // 进入可视区,停止监听
//         observe.unobserve(el);
//         // 设置图片地址
//         el.src = binding.value;
//         // 图片加载失败
//         el.onerror(() => {
//           el.src = defaultImg;
//         });
//       }
//     });
//   },
// };
// export default lazy;
